<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$Think.config.site.title} - 充电宝列表</title>
    <meta name="keywords" content="{$Think.config.site.keywords}">
    <meta name="description" content="{$Think.config.site.description}">
    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.css" rel="stylesheet">    
    <link href="{$Think.config.site.resource_url}css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        #listtable .fa{    cursor: pointer;color: #1ab394;margin-right: 1em;}
    </style>
</head>

<body >
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
            <style type="text/css">.col-sm-12 label{ font-weight:300; }</style>
                <div class="ibox float-e-margins">
                    <div class="">
                        <h5>{:lang('充电宝列表')}</h5>
                    </div>
                    <div class="row ibox-title">
                        <label>
                            <button type="button" class="btn btn-sm btn-primary" id="addBtn"> {:lang('查看充电宝记录')}</button>

                            <button type="button" class="btn btn-sm btn-primary" id="importBtn"> {:lang('导入充电宝')}</button>
                        </label>
                        <form action="" method="post" name="leaseorder">
                            <label >{:lang('充电宝ID')}：</label>
                            <label ><input type="text" class="input-sm form-control" name="deviceid" aria-controls="" placeholder="{:lang('输入')}{:lang('充电宝ID')}"></label>
                            <label><button type="submit" class="btn btn-sm btn-primary"> {:lang('提交')}</button> </label>
                        </form>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover" id="listtable">
                            <thead>
                                <tr> 
                                    <th>{:lang('充电宝ID')}</th>
                                    <?php if  (\think\Request::instance()->module() == 'ausadmin') { ?>
                                    <th>{:lang('代理商名称')}</th>
                                    <?php } ?>
                                    <th>{:lang('负责人姓名')}</th>
                                    <th>{:lang('创建时间')}</th>
                                    <th>{:lang('状态')}</th>
                                    <th>{:lang('操作')}</th>
                                    <!-- <th>注册时间</th>
                                    <th>IP地址</th> -->
                                </tr>
                            </thead>
                            <tbody>
                            {volist name="list" id="v"}
                                <tr data-id="{$v.id}">
                                    <td>{$v.device_id}</td>
                                    <?php if  (\think\Request::instance()->module() == 'ausadmin') { ?>
                                    <td>{$v.operator_name}</td>
                                    <?php } ?>
                                    <td>{$v.name}</td>
                                    <td>{$v.create_time|date="Y-m-d H:i:s",###}</td>
                                    <td>{if condition="$v['status'] eq '1'"} {:lang('正常')} {else \} {:lang('损坏')} {/if}</td>
                                    <td>
                                        <?php if  (\think\Request::instance()->module() == 'ausadmin') { ?>
                                        <i class="fa fa-edit"> {:lang('更换代理商')} </i>　
                                        <?php } ?>
                                        <i class="fa fa-trash-o"> {:lang('删除')}</i>
                                    </td>
                                    <!-- <td></td> -->
                                </tr> 
                            {/volist}
                            </tbody>
                        </table>
                    </div>

                    <div class="row">
                        <div class="row">
                        <div class="col-sm-5">
                            <div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all"></div>
                        </div>
                        <div class="col-sm-7">
                            <div class="dataTables_paginate paging_simple_numbers" id="DataTables_Table_0_paginate">
                                {$list->render()}
                            </div>
                        </div>
                    </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
    <script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.5"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/peity/jquery.peity.min.js"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/layer/layer.js"></script>

    <script>

    var layer_font;
    var $editTr;
        $(document).ready(function() {
            $("#addBtn").bind("click",function(){
                layer_font = layer.open({
                  type: 2,
                  title: "{:lang('查看充电宝租借次数')}",
                  shadeClose: true,
                  shade: 0.8,
                  area: ['80%', '90%'],
                  content: '<?php echo \think\Request::instance()->root(); ?>/<?php echo \think\Request::instance()->module(); ?>/Equipment/record' //iframe的url
                });
            });
            $('#importBtn').bind("click", function (){
                var id = 1;
                layer_font = layer.open({
                    type: 2,
                    title: "{:lang('导入充电宝')}",
                    shadeClose: true,
                    shade: 0.8,
                    area: ['50%', '60%'],
                    content: '<?php echo \think\Request::instance()->root(); ?>/ausadmin/Operator/battery?id='+id //iframe的url
                });
            });
            //更新充电宝信息
            $("#listtable").on("click",".fa-edit",function(){
                $editTr = $(this).closest("tr");
                var id = $editTr.data("id");
                layer_font = layer.open({
                    type: 2,
                    title: "{:lang('更换代理商')}",
                    shadeClose: true,
                    shade: 0.8,
                    area: ['40%', '70%'],
                    content: '<?php echo \think\Request::instance()->root(); ?>/<?php echo \think\Request::instance()->module(); ?>/Equipment/editbattery?id='+id //iframe的url
                });
            });
            //删除按钮注册
            $("#listtable").on("click",".fa-trash-o",function(){
                var $tr = $(this).closest("tr");
                var id = $tr.data("id");
                layer.confirm("{:lang('确定要删除？')}", {
                    btn: ["{:lang('确定删除')}","{:lang('不删除')}"], //按钮
                    shade: false //不显示遮罩
                }, function(){
                    //确定删除
                    $.ajax({
                        type : 'POST',//delete
                        url : '<?php echo \think\Request::instance()->root(); ?>/<?php echo \think\Request::instance()->module(); ?>/Equipment/deletebattery?id='+id,
                        dataType : 'json',
                        data : {id:id},
                        async:false,
                        success : function(result) {
                            //layer.close(layer1);
                            if(0 === result.code) {
                                $tr.remove();
                                layer.msg("{:lang('删除成功！')}", {icon: 1});
                            }  else  {
                                //删除失败
                                layer.msg("{:lang('删除失败！')}", {icon: 5});
                            }
                        },
                        error : function(){
                            res = false;
                            layer.msg("{:lang('服务器错误！请稍后重试')}", {icon: 2});
                        }
                    })
                });
            });
        }); 
    </script>
    <!--统计代码，可删除-->

</body>

</html>
